body {}

header {
	height: 2.8REM;
	background-color: #212121;
}

article {
	height: 33.32REM;
}


/**消息框*/

.message {
	position: fixed;
	margin: auto;
	left: 0;
	right: 0;
	top: 0.55REMpx;
	height: 5.5REM;
	line-height: 5.5REM;
	z-index: 1000;
}


/*标题样式*/

.welcome>header>div>.title {
	font: bolder "微软雅黑";
	color: #a8a8a8;
	line-height: 2.8REM;
}

.welcome>header>div>.title:hover {
	color: crimson;
	cursor: pointer;
}

.welcome>header>div>div {
	height: 2.8REM;
	padding-top: 0.6REM;
}

.welcome>header>div>div>button {
	text-align: center;
}

.welcome>header>div>div>.language {
	max-width: 4.4REM;
}

.welcome>header>div>div>.loginOrRegister {
	max-width: 7.6REM;
}

.welcome>article {}

.welcome>article>.greeting {
	padding-top: 2REM;
	height: 16.66REM;
	background-color: #EEEEEE;
}

.welcome>article>.greeting:hover {
	font-weight: bolder;
}

.welcome>article>.details {
	padding-top: 2REM;
	height: 16.66REM;
}

.welcome>article>.details>div>ul>li:hover {
	font-weight: bolder;
	cursor: pointer;
}

.welcome>article>.details>div {
	height: 100%;
	border-bottom: 1px solid gainsboro;
}

.welcome>article>.details>div>ul>li>.detail {
	line-height: 1.1REM;
}

.welcome>footer {
	padding-top: 1.5REM;
}

.welcome>footer>div>div>p {
	padding-top: 1REM;
	text-align: center;
}

.welcome>footer>div>div>ul>li:hover {
	cursor: pointer;
	font-weight: bolder;
	color: deeppink;
}


/*媒体查询特殊样式*/


/*手机端*/

@media screen and (max-width:768px) {
	body {
		overflow-y: scroll
	}
	.welcome>header {
		height: 10REM;
	}
	.title {
		font-weight: bolder;
	}
	.search {
		margin-bottom: 0.5REM;
	}
	.welcome>header>div>div>.language {
		max-width: 100REM;
	}
	.welcome>header>div>div>.loginOrRegister {
		max-width: 100REM;
	}
	.welcome>article>.greeting {
		padding-top: 1REM;
		height: 12REM;
		background-color: #EEEEEE;
	}
	.welcome>article>.details {
		padding-top: 2REM;
		height: 23REM;
	}
	.welcome>footer {
		padding-top: 2.5REM;
	}
}


/*平板端*/

@media screen and (min-width: 768px) {
	.welcome>header {
		height: 3.5REM;
	}
	.welcome>article>.details>div {
		border-bottom: none;
	}
}


/* 中等屏幕（桌面显示器，大于等于 992px） */

@media screen and (min-width: 992px) {
	.welcome>article>.details>div {
		height: 100%;
		border-bottom: 1px solid gainsboro;
	}
}


/* 大屏幕（大桌面显示器，大于等于 1200px） */

@media screen and (min-width: 1280px) {
	.welcome>article>.details>div {
		height: 100%;
		border-bottom: 1px solid gainsboro;
	}
}